<template>
  <div>
     <h4>请选择你喜欢的专栏</h4>
    <!--  <label><input type="checkbox" v-model="hobby" value="科幻">科幻</label>
     <label><input type="checkbox" v-model="hobby" value="喜剧">喜剧</label>
     <label><input type="checkbox" v-model="hobby" value="动漫">动漫</label>
     <label><input type="checkbox" v-model="hobby" value="冒险">冒险</label>
     <label><input type="checkbox" v-model="hobby" value="科技">科技</label>
     <label><input type="checkbox" v-model="hobby" value="军事">军事</label>
     <label><input type="checkbox" v-model="hobby" value="娱乐">娱乐</label>
     <label><input type="checkbox" v-model="hobby" value="新闻">新闻</label> -->
     <label v-for="(item,key) in list" :key="key"><input type="checkbox"  v-model="hobby" :value="item">{{item}}</label>
     <ul>
      <li v-for="item in hobby" :key=item>{{item}}</li>
     </ul>
   </div>
</template>
 
<script>
export default {
  components: {},
  props: {},
  data() {
    return {
      hobby:[]
    };
  },
  computed: {},
  watch: {},
  created() {},
  methods: {}
};
</script>

<style scoped>
     
</style>